<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">
    <title>Document</title>
    
    <script crossorigin="anonymous" integrity="sha512-BuAhidfi8Cl0IPjBLyj4ob75IMHmQxoGCm7y0Vabo3xJD+QuDU9QG3ZVJd0QZ0uzTQSChz/iOhRxxbZS1z/F6g==" src="https://lib.baomitu.com/echarts/5.1.2/echarts.js"></script>


</head>
<body>
    <!-- 这是头部区域的开始 -->
      <div class="container">
          <h2>
              <span onclick="history.go(-1)">&lt;</span>
          </h2>
          <p class="runheader_p">
            <a href="#" class="runheader_p_a"><span>我的运动数据</span> <i class="round"></i></a>
           </p>
           
               <div id="echarts">

             
                <div class="movementdata_left">
                    <span class="span1">总运动</span>
                    <span class="span2">9999</span>
                    <span class="span3">分钟</span>
                    </div> 
                    <div class="movementdata_right">
                    <span class="span1">本周消耗</span>
                    <span class="span2">99999</span>
                    <span class="span3">千卡</span>
                    </div>
                </div>
                <!-- 这是下面的累计消耗区域的开始 -->
                <div class="accruing">
                    <p class="accruing_p1">
                        <span>消耗(千卡)</span>
                        <span>累计(天)</span>
                        <span>连续(天)</span>
                    </p>
                    <p class="accruing_p2">
                        <span>999999</span>
                        <span>999</span>
                        <span>999</span>
                    </p>
                    </div>
         
      </div>
    <!-- 这是图表区域的开始 -->
      <div class="bar-info">
        
        <div id="main" style="width:100%; height: 200px;"></div>
  </div>
  <!-- 这是下面的的柱形图表区域的开始 -->
 <div class="bar-info1">
 <div id="bar" style="width:100%; height: 200px;">  </div>
  </div>
  <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
</body>
</html>